@charset "utf-8";
@import url("../common.css");
//body{
//  background: #698af3;
//}
header{
    background: #698af3;
    img{
        height: 1.5rem;
        position: absolute;
        top: 30%;
        left: 10px;
    }
}
#main{
    .topbar{
        height: 2rem;
        border: solid 2px #7c9bff;
        border-radius: 2rem;
        background: #426ad6;
    }
    .top{
        margin-top: -1.7rem;
        background: #FFFFFF;
        .qiantui{
            padding: 0 15px;
            background: #6bb5ff;
            border-radius: 2.4rem;
        }
    }
    .center{
        background: #f1f5ff;
        .ljimg{
            margin-top: -3.5rem;
        }
        .title{
            color: #869eff;
            img{
                width: 5rem;
            }
        }
        .tihao {
            li{
                width: 3rem;
                background: #c2c7db;
            }
            .yizuo{
                background: #869eff;
            }
        }
        .tishu{
            position: absolute;
            bottom: 7rem;
            left: 0;
        }
        .but{
            position: absolute;
            bottom: 2rem;
            left: 15%;
            border-radius:3.6rem ;
            background: #869eff;
        }
    }
    .Popup {
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.5);
        .content{
            position: absolute;
            top: 50%;
            left: 8%;
            background: #FFFFFF;
            transform:translateY(-50%);
            -ms-transform:translateY(-50%);     /* IE 9 */
            -moz-transform:translateY(-50%);    /* Firefox */
            -webkit-transform:translateY(-50%); /* Safari 和 Chrome */
            -o-transform:translateY(-50%); 
            .close{
                border: solid 1px #999999;
                border-radius:1.8rem ;
            }
            .assesslist{
                img{
                    height: 1.5rem;
                }
                p{
                    ;
                }
            }
            .next,.tijiao{
                background: #6eb3ff;
                border-radius:2.8rem ;
            }
        }
    }
}
